<template>
    <p v-html="data"></p>
  </template>

<script>
// 引入marked库
import {marked} from "marked";
export default {
// 提供外部属性用来设置内容
props:["content"],
computed: {
    data() {
    // 计算属性，将外部设置的文章markdown内容转换成HTML
    return marked(this.content);
    },
},
};
</script>